<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'BHCD DORM') }}</title>
    <!-- Styles -->
    <link href="/css/all.css" rel="stylesheet">
    <link href="/home.ico" rel="shortcut icon">
    <link href="http://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    @yield('more_css')
<!-- Scripts -->
    <style>
        body {
            color: #252729;
        }

        .navbar-default .navbar-brand {
            color: #c33a32;
            font-weight: 700;
        }

        .nav {
            font-weight: 600;
        }
        .navbar{
            margin-bottom: 5px;
        }

        .el-aside {
            background-color: #D3DCE6;
            color: #333;
            text-align: center;
            line-height: 50px;
        }
        .el-aside h4{
            line-height: 50px;
            margin: 0px;
        }
        .el-main {
            background-color: #E9EEF3;
            color: #333;
            text-align: center;
            padding:0px !important;
        }

        body > .el-container {
            margin-bottom: 40px;
            padding:0px;
        }
        nav li:active,
        /*nav li:hover,*/
        nav li.router-link-active,
        nav li.router-link-exact-active {
            background-color: #0c8484;
            cursor: pointer;
            color:white;
        }

        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color: #e9eef3;
            background-color: #0c8484;
        }

        thead tr th{
            padding:0px !important;
            margin:0px !important;;
            height:10px;
        }
        thead th{
            color: black;
        }
        .el-table th.is-leaf {
            border-bottom: 1px solid #0c8484 !important;
        }
        h4 a{
            color:#0c8484;
        }
        .myRowStyle{
            color: #252729;
        }
        .el-row{
            margin-top: 5px;
        }
        el-icon-document{
            color:white;
        }
    </style>
</head>
<body>
<div id="app">
    @yield('content')
</div>
<script>
    window.BHCD ={!! json_encode([
            'csrfToken' => csrf_token(),
            'apiToken' =>Auth::user()?Auth::user()->api_token:null,
            'pusherKey' => config('broadcasting.connections.pusher.key'),
            'pusherCluster' => config('broadcasting.connections.pusher.options.cluster')
        ])!!};
</script>
<script src="/js/all.js"></script>

<!-- Scripts -->
@yield('more_scripts')
{!! Toastr::render() !!}
</body>
</html>
